<template>
  <div><p>{{ num }}=======<button @click="cancel">取消</button></p></div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  props: {
    num: {
      type: String,
    },
  },
  created() {},
  computed: {},
  methods: {
    cancel() {
      this.$emit("cancel");
    },
  },
};
</script>
<style lang='less'  scoped>
div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    p{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: pink;
        font-size: 50px;
        font-weight: bold;
        button{
            width: 100px;
            height: 50px;
        }
    }

}
</style>
